/**
	form.css
	info:表单布局
	author:xing
*/
/*===========================单列表单布局=====================================================*/
div.oneCol,div.twoCols{
			width:100%;
			height:auto;
			border-bottom:1px solid #ccc;
			padding-bottom: 10px;
}
div.inputLabel{
 	width: 100%;
  	overflow: hidden;
    height: auto;
    margin-top: 10px;
    position: relative;
}
body div.show div.heightauto,body div.heightauto{
	height:auto;
	padding-bottom:5px;
	padding-top:5px;
}
div.inputLabel label,
div.inputLabel input,
div.inputLabel select,
div.inputLabel textarea,
div.inputLabel span.float{
	float: left;
	margin-left:5px;
}
div.inputLabel span{
	line-height:20px;
}
div.inputLabel label{
	text-align: right;
	width:120px;
	color:#666;
}
/*--标签字体居左--*/
div.inputLabel label.left{
	text-align: left;
	text-indent: 10px;
}
/*================================错误信息的显示================*/
div.inputLabel span.error {
  /* 	position:absolute;
    left:450px;
    top:0;*/
    color: #b7220a;
    text-indent: 20px;
    background: url(../images/form/icon_cross.png) no-repeat;
	margin-left:10px;
	float:left;
}
/*=================表单元素的显示===========================*/
input.text, textarea.textarea ,select{
	/*border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;*/
	background:#fff url(../images/form/input_bg.png) repeat-x top;
	border:1px solid #c6c6c6;
	padding:1px 0;
	height:20px;
	width:160px;
	-moz-border-radius:1px;
}
div.show div.inputLabel input.text{
	width:300px;
}
div.show div.inputLabel textarea.textarea{
	width:400px;
}
textarea.textarea{
	height:100px;
}
select{
	width:auto;
}
input.textFocus{
	border:1px solid #fc6801;
}
textarea.textFocus{
	 /*9cbff4*/
	border:1px solid #fc6801;
}
/*====================================================两列的表单布局,使用继承======================================*/
div.twoCols{
	overflow: hidden;
}
div.twoCols div.inputLabel{
width:48%;
float:left;
}
div.twoCols div.inputLabel span.error{
left:300px;
}
div.submit input.button{
	background:url(../images/demo/btn.gif) 0 0 no-repeat;
	border:0;
	width:84px;
	height:30px;
	color:#fff;
	text-align:center;
	line-height:30px;
	font-family:'微软雅黑';
	font-size:12px;
	font-weight:bolder;
}
/*===================================定制表单=============================*/
.xq-hide { opacity: 0; filter:alpha(opacity=0); }
.xq-checkbox {
	background: transparent url('../images/form/checkbox.gif') 0 -115px no-repeat;
	display:inline-block;
	width:25px;
}
.xq-radio {
	background: transparent url('../images/form/radio.gif') -5px -116px no-repeat;
	display:inline-block;
	width:25px;
}
/*checkbox*/
.xq-checked { background-position: 0 1px; }
/*radio*/
.xq-selected { background-position: -5px 0px; }

.xq-checkbox, .xq-radio { zoom: 1; *display:inline; _height:25px; }

#form{
	background:#f2f7fe;
}
div.queryForm{
	padding:3px 0 10px 0;
}
input.button_green{
	background: url("../images/btn_orange.png") no-repeat;
    border: 0 none;
    color: #FFFFFF;
    font-family: '微软雅黑';
    font-size: 12px;
    font-weight: bolder;
    height: 23px;
    line-height: 23px;
    width: 84px;
	text-indent:18px;
	cursor:pointer;
}

